<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容详情页面</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type=text/javascript src="js/jquery.min.js"></script>
</head>

<body>
<div class="header">
	<div class="logo">
    	<a href="index.html"><img src="images/logo.jpg" width="291" height="72" border="0" /></a>
    </div>
    <div class="nav">
    	<ul>
        	<li><a href="index.html">首页</a></li>
            <li>/</li>
        	<li><a href="solution.html">解决方案</a></li>
            <li>/</li>
        	<li><a href="service.html">专业服务</a></li>
            <li>/</li>
        	<li><a href="case.html">案例中心</a></li>
            <li>/</li>
        	<li><a href="news.html">新闻中心</a></li>
            <li>/</li>
        	<li><a href="about us.html">关于我们</a></li>
            <li>/</li>
        	<li><a href="联系我们.html">联系我们</a></li>
            <span><a href="联系我们.html"><img src="images/menu_contact.gif" width="23" height="23" border="0" /></a></span>
        </ul>
    </div>
</div>
<div class="header_b"></div>

<div class="ziye">
	<div class="left_div">
    	<div id="firstpane" class="menu_list">
        <p class="menu_head current">数据中心建设</p>
        <div style="display:block" class=menu_body >
          <a href="#">科学技术哲学</a>
          <a href="#">宗教学</a>
        </div>
        <p class="menu_head">安全防范系统</p>
        <div style="display:none" class=menu_body >
          <a href="#">应用经济学</a>
          <a href="#">理论经济学</a>
          <a href="#">国民经济学</a>
        </div>
        <p class="menu_head">建筑智能化系统</p>
        <div style="display:none" class=menu_body >
          <a href="#">国外马克思主义研究</a>
          <a href="#">思想政治教育</a>
        </div>
</div>
</div>
    <div class="right_div">
    	<h1><a href="#">首页</a> > <a href="#">案例中心</a></h1>
        <h4>文章标题文章标题</h4>
    	<h3><span>作者：季欣欣</span><span>时间：2015-06-16</span></h3>
        <p class="txt_2">根据实体商城和电子商务特点、服务理念、服务内容形式的不同，规划建设不同的网页表达方式，在设计和创意方面既体现企业的服务特色，又兼顾行业拓展的方向。做到既量身定做、又兼容并蓄。
1．设计风格
以网站平台所属企业CI系统为基础，以不同浏览者阅读习惯为标准；
网站属性：垂直型网站；
多语种网站将按不同语言浏览者的浏览习惯来设计。例如，中文页面则按照华人的浏览习惯设计，英文页面则按照英语国家浏览者的习惯进行设计。
2．界面创意
确立UI规范：
网站CI设计、系统页面风格；
标准的图标风格设计，统一的构图布局，统一的色调、对比度、色阶；
图片风格；
导航/结构设计；
提示信息、帮助文档文字表达遵循的开发原则。
3．网站架设步骤
（1）建立网站形象
针对网上商城网站开发人的发展方式及战略部署计划对网站进行规划，以实现良好的运行，实现网站架设目标。
（2）网站信息布局
网上商城网站的主体信息结构及布局，它是总体网站的框架，所有的内容信息都会以此为依据进行布局，清晰明了的布局会使浏览者能方便快捷地取得所需信息。
（3）网站页面制作先进技术应用
这是一个成功网站所不可缺少的重要部分。网站的内容必须要生动活泼，网站的整体风格创意设计，才能吸引浏览者停留，我们采用现今网络上最流行的CSS，FLASH，Javascript等技术进行网站的静态和动态页面设计。追求形式简节、实用符合业行客户的浏览习惯，突出功能性和实用性。
4. 建立一个完善的网上商城系统
(1)会员购物功能 
可以进行商品购买，有利于增加商品销售；
⑵ 预付款购物功能 
会员可以有预付款，并可以通过预付款进行购物；
⑶ 普通会员与VIP会员
</p>
<div class="txt_2_img">
	<img src="images/tu_11.jpg" width="263" height="192" border="0" />
	<img src="images/tu_11.jpg" width="263" height="192" border="0" />
	<img src="images/tu_11.jpg" width="263" height="192" border="0" />
</div>

    </div>
</div>






















<div style="clear:both;"></div>
<div class="fotter">
	<div class="fotter_all">
    	<div class="copyright_l">
            <img src="images/logo_d.jpg" width="527" height="92" border="0" />
            <p>京ICP备15028257号-1<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255309774'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1255309774%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></p>
        </div>
    
        <div class="copyright_r">
        	<img src="images/ewm.jpg" width="131" height="128" border="0" />
            <p>扫一扫立即关注中琛建设</p>
        </div>
    </div>
</div>


<!--左侧折叠js开始-->
<script type=text/javascript>
$(document).ready(function(){
	$("#firstpane .menu_body:eq(0)").show();
	$("#firstpane p.menu_head").click(function(){
		$(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	$("#secondpane .menu_body:eq(0)").show();
	$("#secondpane p.menu_head").mouseover(function(){
		$(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	
});
</script>
<!--左侧折叠js结束-->
</body>
</html>
